.container{
  width: 500px;
  margin: 0 auto;
}
.compContainer{
  height: 100px;
  position: relative;

}
.compContainer .title{
  position: absolute;
  left: 0;
  top: 0;
}
.exit-active{
  transition: 1s;
  transform: translateX(-100px);
  opacity: 0;
}
.exit-done{
  display: none;
}
.enter, .appear{
  display: block;
  opacity: 0;
  transform: translateX(100px);
}
.enter-active, .appear-active{
  transition: 1s;
  opacity: 1;
  transform: translateX(0);
}

